﻿// 1、词典表的样式
.main_dic {
  width: 100%;
  max-height: 610px;
  overflow-y: auto;
  &::-webkit-scrollbar{
    width: 10px;
    height: 8px;
  }
  &::-webkit-scrollbar-track{
    background: rgb(239, 239, 239);
    border-radius: 2px;
  }
  &::-webkit-scrollbar-thumb{
    background: #bfbfbf;
    border-radius:10px;
  }
  &::-webkit-scrollbar-thumb:hover {
    background: $theme_main_color;
  }
  .dicList {
    width: 100%;
    li {
      width: 100%;
      padding: 0 10px;
      height: 40px;
      line-height: 40px;
      color: $theme_font_color;
      font-size: 14px;
      margin-top: 10px;
      cursor: pointer;
      &.active,
      &:hover {
        background-color: $theme_tree_bg_active_color;
        color: $theme_main_color;
      }
      // 左边的表名称
      .dicList_info {
        margin-right: 75px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      // 右侧的按钮组
      .dicList_btns {
        float: right;
        .el-button {
          padding: 0;
          border: none;
          .iconfont {
            margin: 0;
            font-size: 18px;
          }
        }
        .el-button+.el-button {
          margin-left: 5px;
        }
      }
    }
  }
}
.noTable {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
@media (max-height:768px) {
  .main_dic{
    max-height: 300px;
  }
}
// 2、动态功能的样式,// 3、多表功能的样式
.main_fun,
.main_multi {
  width: 100%;
  max-height: 660px;
  overflow-y: auto;
  .funList,
  .multiList {
    width: 100%;
    li {
      width: 100%;
      padding: 0 10px;
      height: 40px;
      line-height: 40px;
      color: $theme_font_color;
      font-size: 14px;
      margin-top: 10px;
      cursor: pointer;
      &.active,
      &:hover {
        background-color: $theme_tree_bg_active_color;
        color: $theme_main_color;
      }
      // 左边的表名称
      .funList_info,
      .multiList_info {
        margin-right: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
      // 右侧的按钮组
      .funList_btns,
      .multiList_btns {
        float: right;
        .el-button {
          padding: 0;
          border: none;
          .iconfont {
            margin: 0;
            font-size: 18px;
          }
        }
        .el-button+.el-button {
          margin-left: 5px;
        }
      }
    }
  }
}
.noFun,
.noMulti {
  width: 100%;
  text-align: center;
  padding-top: 20px;
}
@media (max-height:768px) {
  .main_fun,
  .main_multi {
    max-height: 350px;
  }
}
// 右侧部分---自定义表格
.tableLabel {
  text-align: right;
  float: left;
  font-size: 14px;
  color: $theme_font_color;
  line-height: 30px;
  padding: 0 12px 0 0;
  width: 130px;
}
.tableContent {
  margin: 0 0 20px 130px;
  .page_tableContent {
    min-height: 50px !important;
  }
}